<!DOCTYPE HTML>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org">
<head>

<link rel='stylesheet' href='/css/3.3.7/bootstrap.min.css'>

<link rel='stylesheet' href='/formio.full.min.css'>

</head>
<body>
	<input id="id" type="hidden" th:value="${id}" />
	<input id="action" type="hidden" th:value="${action}" />
	<input id="formdata" type="hidden" th:value="${formdata}" />
	<div class="container-fluid">
		<div class="row">
			<div id="warning" class="col-lg-12">
			</div>
		</div>
		<div class="row">
			<div class="col-lg-12">
				<h3 class="text-center text-muted">The WYSIWYG system build</h3>
			</div>
		</div>
		<div class="row">
			<form class="form-horizontal">
				<div class="form-group">
					<label for="form-select" class="col-sm-2 control-label">表单类型</label>
					<div class="col-sm-4">
						<select class="form-control" id="form-select"
							style="display: inline-block; width: 150px;">
							<option value="form">Form</option>
							<option value="wizard">Wizard</option>
						</select>
					</div>
				</div>
				<div class="form-group">
					<label for="name" class="col-sm-2 control-label">表单名称</label>
					<div class="col-sm-3">
						<input type="text" class="form-control" id="name"
							placeholder="name">
					</div>
					<label for="description" class="col-sm-2 control-label">描述</label>
					<div class="col-sm-3">
						<input type="text" class="form-control" id="description"
							placeholder="description">
					</div>
				</div>

				<div class="form-group">
					<div class="col-sm-offset-5 col-sm-4">
						<button id="save" type="button" class="btn btn-primary">保
							存</button>
						<button id="preview" type="button" class="btn btn-info">浏
							览</button>
					</div>
				</div>
			</form>
		</div>

		<div class="row">
			<div class="col-12">
				<div id="builder"></div>
			</div>
		</div>
	</div>
	<script id="warningtpl" type="text/template">
<div id="warning" class="alert alert-warning fade in">
    <a href="#" class="close" data-dismiss="alert">&times;</a>
    <strong>消息</strong>${text}
</div>
</script>
	<script type="text/javascript" src='/js/jquery.js'></script>
	<script src="/js/bootstrap.min.js"></script>
	<script src="/js/popper.min.js"></script>
	<script src='/formio.full.min.js'></script>

	<script type="text/javascript" src="/js/index.js"></script>
</body>
</html>